/* utils */
/**
 * 按钮样式
 */
.btn-a{
	color:#d09a56;
	background: #fff;
	border: 1px solid #d09a56;
}
.btn-a:hover{
	background: #e7b26f;
	color:#fff;
	border: 1px solid #d09a56;
}

.btn-a:active{
	background: #d09a56;
	color:#fff;
	border: 1px solid #d09a56;
}

.btn-b{
	color:#fff;
	background: #d09a56;
	border: 1px solid #d09a56;
}
.btn-b:hover{
	background: #c58534;
	color:#fff;
	border: 1px solid #c58534;
}

.btn-b:active{
	background: #b17830;
	color:#fff;
	border: 1px solid #b17830;
}


/**
 * btn-txt 文字按钮交互样式
 */

.btn-txt{
	color:#d09a56;
	text-decoration: none;
	padding: 0 6px;
	font-size: 12px;
}
.btn-txt:hover{
	color:#d09a56;
	text-decoration: underline;
}
.btn-txt:active{
	color:#9a5c10;
	text-decoration: underline;
}


/**
 * 列表交互元件按钮样式
 */

.btn{
	cursor: pointer;
}
.btn-recommend,
.btn-favorite,
.btn-rate,
.btn-reply,
.btn-report{
	color:#72767e;
}

.btn-recommend:hover,
.btn-favorite:hover{
	color:#d09a56
}
.btn-recommend.s-cur,
.btn-recommend.s-cur:hover,
.btn-favorite.s-cur,
.btn-favorite.s-cur:hover{
	color:#72767e;
}
.btn-rate:hover,
.btn-reply:hover{
	color:#d09a56;
}
.btn-rate.s-cur,
.btn-reply.s-cur,
.btn-rate.s-cur:hover,
.btn-reply.s-cur:hover{
	color:#d09b57;
}
.btn-report:hover,
.btn-report.s-cur{
	color:#d09a56;
}
/** 
 * 列表icon样式
 */
.icon{
	background: url(../image/perfect/utils1x.png) no-repeat;
	background-image: -webkit-image-set(url(../image/perfect/utils1x.png) 1x,url(../image/perfect/utils2x.png) 2x);
	background-image: -moz-image-set(url(../image/perfect/utils1x.png) 1x,url(../image/perfect/utils2x.png) 2x);
	background-image: -o-image-set(url(../image/perfect/utils1x.png) 1x,url(../image/perfect/utils2x.png) 2x);
	background-image: -ms-image-set(url(../image/perfect/utils1x.png) 1x,url(../image/perfect/utils2x.png) 2x);
}
.icon-recommend,.icon-reply,.icon-report,.icon-favorite,.icon-rate,.icon-views,.icon-favorite-14{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	position: relative;
	top: -1px;
	width: 18px;
	height: 18px;
	margin-right: 2px;
}
.icon-favorite-14 {
	width:14px;
	height:14px;
}
/**
 * 列表icon 默认态
 */
.icon-recommend{
	background-position: 0 0;
}	
.icon-reply{
	background-position: -19px 0;
}
.icon-report{
	background-position: -36px 0;
}
.icon-favorite{
	background-position: -54px 0;
}
.icon-favorite-14{
	background-position: -170px 0;
}
.icon-rate{	
	background-position: -72px 0;
}
.icon-views{
	background-position: -79px -95px;
}


/**
 * 列表icon 悬停态
 */


.btn-recommend:hover > .icon-recommend{
	background-position: 0 -18px;
}	

.btn-reply:hover > .icon-reply{
	background-position: -18px -18px;
}

.btn-report:hover > .icon-report{
	background-position: -36px -18px;
}
.btn-favorite:hover > .icon-favorite{
	background-position: -54px -18px;
}
.btn-favorite:hover > .icon-favorite-14 {
	background-position: -170px -14px;
}
.btn-rate:hover > .icon-rate{
	background-position: -72px -18px;
}


/**
 * 列表icon交互态
 */

.s-cur:hover .icon-recommend,
.s-cur .icon-recommend{
	background-position: 0 -36px;
}	
.s-cur:hover .icon-reply,
.s-cur .icon-reply{
	background-position: -18px -36px;
}
.s-cur:hover .icon-report,
.s-cur .icon-report{
	background-position: -36px -36px;
}
.s-cur:hover .icon-favorite,
.s-cur .icon-favorite{
	background-position: -54px -36px;
}
.s-cur:hover .icon-favorite-14,
.s-cur .icon-favorite-14{
	background-position: -170px -28px;
}
.s-cur:hover .icon-rate,
.s-cur .icon-rate{	
	background-position: -72px -36px;
}


/**
 * 大icon
 */
.icon-reply-large,.icon-recommend-large,.icon-favorite-large{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin-right: 7px;
	width: 26px;
	height: 24px;
}
.icon-reply-large{
	background-position: -90px 0;
}
.icon-recommend-large{
	background-position: -117px 0;
}
.icon-favorite-large{
	background-position: -144px 0;
}


.btn-reply:hover > .icon-reply-large{
	background-position: -90px -25px;
}
.btn-favorite:hover .icon-favorite-large{
	background-position: -144px -25px;	
}
.btn-recommend:hover > .icon-recommend-large{
	background-position: -117px -25px;
}

.btn-reply:active > .icon-reply-large{
	background-position: -90px -50px;
}
.s-cur .icon-recommend-large,
.s-cur:hover .icon-recommend-large{
	background-position: -117px -50px;
}

.s-cur .icon-favorite-large,
.s-cur:hover .icon-favorite-large{
	background-position: -144px -50px;
}

/**
 * 分享模块icon
 */
.icon-share-wb,
.icon-share-wx,
.icon-share-qzone{
	display: inline-block;
	*display:inline;
	zoom: 1;
	width: 21px;
	height: 18px;
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin-left: 7px;
	margin-right: 5px;
	transition:none;
	background: url(../image/perfect/utils1x.png) no-repeat  !important;
	background-image: -webkit-image-set(url(../image/perfect/utils1x.png) 1x,url(../image/perfect/utils2x.png) 2x) !important;
	background-image: -moz-image-set(url(../image/perfect/utils1x.png) 1x,url(../image/perfect/utils2x.png) 2x) !important;
	background-image: -o-image-set(url(../image/perfect/utils1x.png) 1x,url(../image/perfect/utils2x.png) 2x) !important;
	background-image: -ms-image-set(url(../image/perfect/utils1x.png) 1x,url(../image/perfect/utils2x.png) 2x) !important;
}

.icon-share-wb{
	background-position: 0 -54px !important;
}
.icon-share-qzone{
	background-position: -21px -54px !important;
}
.icon-share-wx{
	background-position: -42px -54px !important;
}

.icon-share-wb:hover{
	background-position: 0 -72px !important;
}
.icon-share-qzone:hover{
	background-position: -21px -72px !important;
}
.icon-share-wx:hover{
	background-position: -42px -72px !important;
}

.icon-share-wb:active{
	background-position: 0 -90px !important;
}
.icon-share-qzone:active{
	background-position: -21px -90px !important;
}
.icon-share-wx:active{
	background-position: -42px -90px !important;
}


/**
 * 表单交互模块icon
 */
.icon-checkbox{
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin-right: 5px;
	background-position: -63px -54px;
}
.icon-checkbox:hover{
	background-position: -63px -70px;
}
.icon-checkbox.s-checked{
	background-position: -63px -86px;	
}
.icon-checkbox.s-disabled{
	background-position: -63px -102px;
}

.icon-radio{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	width: 22px;
	height: 22px;
	margin-right: 5px;
	background-position: 0 -112px;
}
.icon-radio.s-checked{
	background-position: -23px -112px;
}



.icon-arrow-down{
	display: inline-block;
	width: 20px;
	height: 20px;
	background-position: -79px -75px;
}
.icon-arrow-down:hover{
	background-position: -100px -75px;
}
.icon-arrow-up{
	background-position: -121px -75px;
}

.icon-close{
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	position: relative;
	top: -1px;		
	background-position: -97px -95px;
}
.icon-new{
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 27px;
	height: 14px;
	vertical-align: middle;
	position: relative;
	top: -1px;		
	background-position: -113px -95px;
	margin-left: 2px;
}
.icon-tags{
	display: inline-block;
	*
	display: inline;
	zoom: 1;
	vertical-align: middle;
	position: relative;
	top: -2px;
	width: 14px;
	height: 14px;
	margin-right: 3px;
	background-position: -142px -76px;
}
.icon-ignore{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	position: relative;
	top: -1px;
	width: 13px;
	height: 13px;
	background-position: -157px -75px;
}